﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>机构用户中心</title>
    <link href="../css/base.css" rel="stylesheet" />
    <!--字体图标-->
    <link href="../font/iconfont.css" rel="stylesheet" />
    <link href="../css/bootstarp.units.css" rel="stylesheet" />
    <!--机构用户中心公用样式-->
    <link href="../css/InstitutPublic.css" rel="stylesheet" />
    <link href="../css/ActivityManage.css" rel="stylesheet" />
    <!--日历-->
    <link href="../plugins/rili/rili.css" rel="stylesheet" />

</head>
<body>
    <div class="top">
        <div class="top-main">
            <div class="top_right">
                <ul>
                    <li class="mm">
                        <a href="javascript://"><b>机构平台</b></a><em></em>
                    </li>
                    <li class="ms">
                        <a href="javascript://"><i class="icon iconfont">&#xe600;</i><b>导航</b></a>
                        <div class="xialaBox">
                            <div class="fleft xl">
                                <h5>文化分类</h5>
                                <div class="nav-list">
                                    <p><a href="javascript://">亲子活动</a></p>
                                    <p><a href="javascript://">公益活动</a></p>
                                    <p><a href="javascript://">展览展会</a></p>
                                    <p><a href="javascript://">名家讲坛</a></p>
                                    <p><a href="javascript://">技术研讨</a></p>
                                    <p><a href="javascript://">全名可普</a></p>
                                </div>
                            </div>
                            <div class="fleft xr">
                                <h6><a href="javascript://">活动讲座</a></h6>
                                <h6><a href="javascript://">文化资源</a></h6>
                                <h6><a href="javascript://">场馆预约</a></h6>
                                <h6><a href="javascript://">机构广场</a></h6>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top_left">欢迎你，小芝麻<a href="javascript://">退出</a></div>
        </div>
    </div>
    <div class="head">
        <a href="javascript://" class="logos"><img src="../images/org-logo.jpg" /></a>
    </div>
    <div class="content" id="content">
        <div class="leftNav" id="leftNav">
            <ul>
                <li><a href="../organization/InstitutUserC.html">机构主页</a></li>
                <li><a href="../organization/InstitutMessage.html">机构信息</a></li>
                <li><a href="../organization/SiteManage.html">场地管理</a></li>
                <li class="current"><a href="../organization/ActivityManage.html">活动管理</a></li>
                <li><a href="../organization/MemberManage.html">成员管理</a></li>
                <li><a href="../organization/VenueRental.html">场地出租</a></li>
                <li><a href="../user/UserManage.html">用户管理</a></li>
                <li><a href="../organization/NotificatMessage.html">通知消息</a></li>
                <li><a href="../organization/StateMessage.html">统计管理</a></li>
                <li><a href="../organization/AuthorityMessage.html">权限管理</a></li>
                <li><a href="../organization/Announcements.html">公告管理</a></li>
                <li><a href="../organization/MaterialDesign.html">物料设计</a></li>
                <li><a href="../organization/CulturalResources.html">文化资源</a></li>
            </ul>
        </div>
        <div class="rightCont">
            <div class="right_head">
                <p>
                    <a href="javascript://"><i class="icon iconfont">&#xe604;</i></a>
                    <b></b>
                    <a href="javascript://">注销</a>
                </p>
                活动管理
            </div>
            <div id="cnt" class="silde-content">
                <!-- 右边内容主体块 -->
                <div class="jg_title">
                    <a href="javascript://" onclick="add()" class="click-link">修改/保存</a>
                    <p class="ddgl" style="display: none;">
                        <a href="javascript://" class="click-link">发送消息</a>
                        <a href="javascript://" class="click-link">下载列表</a>
                    </p>
                    <h1>米罗制造-梦幻版画体验展</h1>
                    <div class="bm_swtich_all">
                        <ul class="bm_swtich">
                            <li class="e">活动信息</li>
                            <li>场次管理</li>
                            <li>订单管理</li>
                            <li>评论管理</li>
                        </ul>
                        <i class="bm_swtich_line"></i>
                    </div>
                </div>
                <div class="mod-act cont tab-content">
                    <div class="col-arena tab-pane form-horizontal active" id="wellAct">
                        <div class="all_bm_cont"  style="display: block;">
                            <h2>基本信息</h2>
                            <div id="site_1" class="medias site clearfix">
                                <fieldset class="form-body">
                                    <div class="form-group">
                                        <label class="control-label">活动类型：</label>
                                        <div class="controls form-control-static">
                                            <label class="radio-inline"> <input type="radio" value="option1" id="inlineRadio1">一百年活动</label>
                                            <hr class="hr-br" />
                                            <label class="radio-inline"> <input type="radio" value="option1" id="inlineRadio1">筹备活动</label>
                                            <input type="text" class="form-control col-md-1 no-space" placeholder="比例" />
                                            <span class="help-block">%</span>
                                            <span class="help-block text-gray">报名人数 > 活动最大人数 * 筹办比例 = 筹办成功</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">所属类型：</label>
                                        <div class="controls">
                                            <select class="form-control col-md-2">
                                                <option>亲子活动</option>
                                                <option>公益活动</option>
                                                <option>展览展会</option>
                                                <option>名家讲坛</option>
                                                <option>技术研讨</option>
                                                <option>全民科普</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">活动名称：</label>
                                        <div class="controls">
                                            <input type="text" class="form-control col-md-3" placeholder="请输入" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">关键词：</label>
                                        <div class="controls clearfix">
                                            <input type="text" class="form-control col-md-2" placeholder="请输入" />
                                            <input type="text" class="form-control col-md-2" placeholder="请输入" />
                                            <input type="text" class="form-control col-md-2" placeholder="请输入" />
                                            <span class="help-block text-gray">最少输入一个关键词</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">场地类型：</label>
                                        <div class="controls form-control-static">
                                            <label class="radio-inline"> <input type="radio" value="option1" />免费</label>
                                            <hr class="hr-br" />
                                            <label class="radio-inline"> <input type="radio" value="option1" />现场付费</label>
                                            <input type="text" class="form-control col-md-2 no-space" placeholder="￥" />
                                            <hr class="hr-br" />
                                            <label class="radio-inline"> <input type="radio" value="option1" />平台积分</label>
                                            <input type="text" class="form-control col-md-2 no-space" placeholder="" />
                                            <label class="checkbox-inline"> <input type="checkbox" value="option1" />签到返还</label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">活动简介：</label>
                                        <div class="controls">
                                            <textarea class="form-control col-md-5" style="height:100px;" placeholder="活动简介将展示给读者，限25个字"></textarea>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">横板海报：</label>
                                        <div class="controls">
                                            <p style="width:240px;height:180px;overflow: hidden; "><img id="horizImg" src="../images/img_400.png" style="margin-bottom:10px;"  width="100%" height="100%" /></p>
                                            <br />
                                            <span class="btn fileinput-button">
                                                <span>选择文件</span>
                                                <input type="file" name="files[]" multiple="" id="logoId" onchange="fileView(this, 'horizImg')">
                                            </span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">竖版海报：</label>
                                        <div class="controls">
                                            <p style="width:195px;height:260px;overflow: hidden; "><img id="verticalImg" src="../images/img_300.png" style="margin-bottom:10px;" width="100%" height="100%"/></p>
                                            <br />
                                            <span class="btn fileinput-button">
                                                <span>选择文件</span>
                                                <input type="file" name="files[]" multiple="" id="logoId" onchange="fileView(this, 'verticalImg')">
                                            </span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label">活动详情：</label>
                                        <div class="controls">
                                            <textarea class="form-control col-md-8" style="height:260px;" placeholder=""></textarea>
                                        </div>
                                    </div>
                                    <div class="form-group text-right" style="margin-right: 40px;">
                                        <button type="button" id="save" class="btn green" data-ids="">保存</button>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                        <div class="all_bm_cont" style=" padding: 0;">
                            <div class="RentScreen">
                                <div class="rentSLeft fleft">
                                    <div class="fullcalendar" style="width:560px; height: 700px; overflow: hidden;">
                                        <!--<h1>2015年12月22日</h1>-->
                                        <!--<h2>星期二</h2>-->
                                        <iframe src="fullcalendar-2.7.3.html" width=100% height=100% frameborder=0 scrolling="no" >

                                        </iframe>
                                    </div>
                                </div>
                                <div class="rentSRight fright">
                                    <div class="calendar">
                                        <div class="bor0127" id="calendar_contain">
                                            <table id="calendar" cellpadding="0" cellspacing="0" width="100%">
                                                <tbody>
                                                <tr>
                                                    <th colspan="7" style="border-bottom: 1px solid #CDCFD3; padding-top: 10px;">
                                                        <p id="calendar_title" style="float:left;color:#333;font-weight:normal;font-size:16px;">2015年11月</p>
                                                        <div class="rili_switch">
                                                            <p title="上一月份" onclick="JCalendar.update(-1);return false" class="prev"><i class="icon iconfont">&#xe601;</i></p>
                                                            <p class="day">今天</p>
                                                            <p title="下一月份" onclick="JCalendar.update(1);return false" class="next"><i class="icon iconfont">&#xe602;</i></p>
                                                        </div>
                                                    </th>
                                                </tr>
                                                <tr>
                                                    <td style="background:#fff;">日</td>
                                                    <td style="background:#fff">一</td>
                                                    <td style="background:#fff">二</td>
                                                    <td style="background:#fff">三</td>
                                                    <td style="background:#fff">四</td>
                                                    <td style="background:#fff">五</td>
                                                    <td style="background:#fff;">六</td>
                                                </tr>
                                                <tr>
                                                    <td><div onmouseover="JCalendar.click(this)">1</div></td>
                                                    <td><div class="has" onmouseover="JCalendar.click(this)">2</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">3</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">4</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">5</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">6</div></td>
                                                    <td><div class="has" onmouseover="JCalendar.click(this)">7</div></td>
                                                </tr>
                                                <tr>
                                                    <td><div class="has" onmouseover="JCalendar.click(this)">8</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">9</div></td>
                                                    <td><div class="has" onmouseover="JCalendar.click(this)">10</div></td>
                                                    <td><div class="has" onmouseover="JCalendar.click(this)">11</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">12</div></td>
                                                    <td><div id="c_today" class="c_today" onmouseover="JCalendar.click(this)">13</div></td>
                                                    <td><div class="current has" onmouseover="JCalendar.click(this)">14</div></td>
                                                </tr>
                                                <tr>
                                                    <td><div class="has" onmouseover="JCalendar.click(this)">15</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">16</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">17</div></td>
                                                    <td><div class="has" onmouseover="JCalendar.click(this)">18</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">19</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">20</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">21</div></td>
                                                </tr>
                                                <tr>
                                                    <td><div onmouseover="JCalendar.click(this)">22</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">23</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">24</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">25</div></td>
                                                    <td><div class="has" onmouseover="JCalendar.click(this)">26</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">27</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">28</div></td>
                                                </tr>
                                                <tr>
                                                    <td><div onmouseover="JCalendar.click(this)">29</div></td>
                                                    <td><div onmouseover="JCalendar.click(this)">30</div></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                </tr>
                                                </tbody>
                                            </table>
                                            <table cellpadding="0" cellspacing="2" width="280">
                                                <tbody>
                                                <tr>
                                                    <td colspan="7" style="background:#fff; display:none;">
                                                        <p title="上一年份" onmouseover="this.style.color='#c00'" onmouseout="this.style.color='#616161'" onclick="JCalendar.update(-12);return false" style="float:left;color:#616161;margin-right:4px;margin-left:4px;cursor:pointer;">&lt;&lt;上一年份</p>
                                                        <p title="下一年份" onclick="JCalendar.update(12);return false" onmouseover="this.style.color='#c00'" onmouseout="this.style.color='#616161'" style="float:right;margin-left:4px;color:#616161;cursor:pointer;">下一年份&gt;&gt;</p>
                                                    </td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="dashiji" id="rili_info" style="width:330px; display:none">
                                            <div class="dashiji_page"><span class="d_l2"></span><span class="d_r2"></span> <i>1</i>/1</div>
                                            <div class="dashiji_time">2015年11月14日</div>
                                            <div class="dashiji_box">
                                                <a href="javascript://" class="dsjImg">
                                                    <img src="../images/upload/act-img02.png" style="width:126px; height:88.6px;" />
                                                </a><b><a href="javascript://">LOL妹子杯成都赛区8进4</a></b>
                                                <p>即将开始的LOL妹子杯成都赛区的8进4比赛即将开始，妹子们的战争火药味也越来越浓重。到底谁才能杀入决赛？....<a href="javascript://">【查看详情】</a></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="changci">
                                        <h1>未选定场次</h1>
                                        <div class="form-group text-center">
                                            <button type="button" class="btn green">创建场次</button>
                                        </div>
                                    </div>
                                    <fieldset class="form-body form-horizontal marginTop10">
                                        <div class="form-group">
                                            <label class="control-label" style="width:110px;">举办时间：</label>
                                            <div class="controls shiduan">
                                                <em>开始</em>
                                                <input type="text" class="form-control col-md-3" placeholder="选择日期" style="margin-left:0" />
                                            </div>
                                            <div class="controls shiduan marginTop10" style="margin-left:120px;">
                                                <em>结束</em>
                                                <input type="text" class="form-control col-md-3" placeholder="选择日期"style="margin-left:0" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label" style="width:110px;">报名时间：</label>
                                            <div class="controls shiduan">
                                                <em>开始</em>
                                                <input type="text" class="form-control col-md-3" placeholder="选择日期" style="margin-left:0" />
                                            </div>
                                            <div class="controls shiduan marginTop10" style="margin-left:120px;">
                                                <em>结束</em>
                                                <input type="text" class="form-control col-md-3" placeholder="选择日期"style="margin-left:0" />
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label" style="width:110px;">场地：</label>
                                            <div class="controls form-control-static">
                                                <label class="radio-inline"> <input type="radio" value="option1">临时场地</label>
                                                <label class="radio-inline"> <input type="radio" value="option1">现有场地</label>
                                            </div>
                                        </div>
                                        <div class="changdi_box">
                                            <div class="cdbox" style="display: none;">
                                                <div class="form-group">
                                                    <label class="control-label" style="width:110px;">场地名称：</label>
                                                    <div class="controls">
                                                        <input type="text" class="form-control col-md-3" value="..." style="margin-left: 0; color: #2e2e2e; " />
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label class="control-label" style="width:110px;">最大人数：</label>
                                                    <div class="controls">
                                                        <input type="text" class="form-control col-md-1" value="50" style="margin-left: 0; color: #2e2e2e; " />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cdbox" style="display: block">
                                                <div class="form-group">
                                                    <label class="control-label" style="width:110px;">场地名称：</label>
                                                    <div class="controls">
                                                        <select class="form-control col-md-2">
                                                            <option>报告厅(一)</option>
                                                            <option>报告厅(二)</option>
                                                            <option>报告厅(三)</option>
                                                            <option>报告厅(一)</option>
                                                            <option>报告厅(一)</option>
                                                            <option>报告厅(一)</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group text-right ">
                                            <button type="button" class="btn green" style="padding:4px 10px 6px;">保存</button>
                                            <button type="button" class="btn" style="padding:4px 10px 6px; margin-left:10px;">取消</button>
                                            <!--撤销发布加”orange“-->
                                            <button type="button" class="btn orange" style="padding:4px 10px 6px; display:none;">撤销发布</button>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                        <div class="all_bm_cont">
                            <div class="form-group fleft">
                                <label class="control-label" style="width: 80px;">举办时间：</label>
                                <div class="controls" style="position: relative;">
                                    <input type="text" class="form-control col-md-3" placeholder="年/月/日" />
                                    <i style="position: absolute;left:195px;top:4px;"><img src="../images/rili.gif" style="width: 21px; height: 21px;;" /></i>
                                </div>
                            </div>
                            <div class="form-group fleft">
                                <div class="controls" style="margin-left: 10px; border-radius:0;">
                                    <select class="form-control col-md-2" style="border-radius: 0px;">
                                        <option>12:00-14:00</option>
                                        <option>15:00-18:00</option>
                                        <option>19:00-21:00</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group fright">
                                <div class="controls" style="margin-left: 10px;position: relative;">
                                    <input type="text" class="form-control col-md-3" placeholder="检索" />
                                    <i style="position: absolute; right:8px;top:5px;" class="icon iconfont">&#xe603;</i>
                                </div>
                            </div>
                            <div class="fclear"></div>
                            <div class="th">
                                <span style="width:20%"><input type="checkbox" />用户名</span>
                                <span style="width:20%">联系方式</span>
                                <span style="width:20%;">订单时间</span>
                                <span style="width:20%">订单内容</span>
                                <span style="width:10%;">订单类型</span>
                                <span style="width:8%; text-align: right;">操作</span>
                            </div>
                            <div class="memberList">
                                <ul>
                                    <li>
                                        <p style="width:20%"><input type="checkbox" /><span></span><b>CHENLI</b></p>
                                        <em style="width:20%;">15300565515</em>
                                        <em style="width:20%;">2015-12-31 15:08:31</em>
                                        <em style="width:20%;">3排11座、3排12座</em>
                                        <em style="width:10%;">用户报名</em>
                                        <em style="width:10%;">
                                            <i class="icon iconfont mess" onclick="addOrder()">&#xe61f;</i>
                                            <i class="icon iconfont code" onclick="addarena()" >&#xe604;</i>
                                        </em>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="all_bm_cont" style="display: none;">
                            <!--用户消息-->
                            <div style="display:block;"class="message">
                                <!--消息列表-->
                                <div class="notificat" style="display:block;">
                                    <ul class="history">
                                        <li>
                                            <div class="notif_div">
                                                <dl>
                                                    <dt><img src="../images/user2.jpg" /></dt>
                                                    <dd>
                                                        <a href="javascript://">小芝麻</a>
                                                        <p>该如何预约报告厅？</p>
                                                    </dd>
                                                </dl>
                                                <b style="display:block">已回复</b>
                                                <em>15:07</em>
                                                <i class="icon iconfont">&#xe60d;</i>
                                            </div>
                                            <div class="reply_message" style="display:block;">
                                                <div class="textaea">
                                                    <textarea style="font-size:12px;line-height:20px;height:120px;"></textarea>
                                                    <p>你还可以输入200个字符</p>
                                                </div>
                                                <div class="form-group" style="margin-left:70px;">
                                                    <button type="button" class="btn green" style="margin-right:10px;">发送</button>
                                                    <button type="button" class="btn">收起</button>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="notif_div">
                                                <dl>
                                                    <dt><img src="../images/user2.jpg" /></dt>
                                                    <dd>
                                                        <a href="javascript://">小芝麻</a>
                                                        <p>该如何预约报告厅？</p>
                                                    </dd>
                                                </dl>
                                                <b>已回复</b>
                                                <em>15:07</em>
                                                <i class="icon iconfont">&#xe60d;</i>
                                            </div>
                                            <div class="reply_message">
                                                <div class="textaea">
                                                    <textarea style="font-size:12px;line-height:20px;height:120px;"></textarea>
                                                    <p>你还可以输入200个字符</p>
                                                </div>
                                                <div class="form-group" style="margin-left:70px;">
                                                    <button type="button" class="btn green" style="margin-right:10px;">发送</button>
                                                    <button type="button" class="btn">收起</button>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="notif_div">
                                                <dl>
                                                    <dt><img src="../images/user2.jpg" /></dt>
                                                    <dd>
                                                        <a href="javascript://">小芝麻</a>
                                                        <p>该如何预约报告厅？</p>
                                                    </dd>
                                                </dl>
                                                <b>已回复</b>
                                                <em>15:07</em>
                                                <i class="icon iconfont">&#xe60d;</i>
                                            </div>
                                            <div class="reply_message">
                                                <div class="textaea">
                                                    <textarea style="font-size:12px;line-height:20px;height:120px;"></textarea>
                                                    <p>你还可以输入200个字符</p>
                                                </div>
                                                <div class="form-group" style="margin-left:70px;">
                                                    <button type="button" class="btn green" style="margin-right:10px;">发送</button>
                                                    <button type="button" class="btn">收起</button>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <!--聊天记录-->
                                <div class="chatBox" style="display: none;">
                                    <h2><i class="icon iconfont">&#xe601;</i>与小芝麻的聊天</h2>
                                    <div class="reply_message" style="display:block;">
                                        <div class="textaea">
                                            <textarea style="font-size:12px;line-height:20px;height:120px;"></textarea>
                                            <p>你还可以输入200个字符</p>
                                        </div>
                                        <div class="form-group" style="margin-left:10px;">
                                            <button type="button" class="btn green" style="margin-right:10px;">发送</button>
                                            <button type="button" class="btn">收起</button>
                                        </div>
                                    </div>
                                    <div class="chat_history">
                                        <h6>最近20条聊天记录</h6>
                                        <ul class="history">
                                            <li>
                                                <div class="notif_div">
                                                    <dl>
                                                        <dt><img src="../images/user2.jpg" /></dt>
                                                        <dd>
                                                            <a href="javascript://">小芝麻</a>
                                                            <p>为什么一些演唱会是可以选座位的为什么一些演唱会是可以选座位的为什么一些演唱会是可以选座位的为什么一些演唱会是可以选座位的，一些是不可以选座的！这个是怎么定的？？</p>
                                                        </dd>
                                                    </dl>
                                                    <em>15:07</em>
                                                </div>
                                                <div class="reply_message">
                                                    <div class="textaea">
                                                        <textarea style="font-size:12px;line-height:20px;height:120px;"></textarea>
                                                        <p>你还可以输入200个字符</p>
                                                    </div>
                                                    <div class="form-group" style="margin-left:70px;">
                                                        <button type="button" class="btn green" style="margin-right:10px;">发送</button>
                                                        <button type="button" class="btn">收起</button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="notif_div">
                                                    <dl>
                                                        <dt><img src="../images/user2.jpg" /></dt>
                                                        <dd>
                                                            <a href="javascript://">小芝麻</a>
                                                            <p>为什么一些演唱会是可以选座位的一些是不可以选座的！这个是怎么定的？？</p>
                                                        </dd>
                                                    </dl>
                                                    <em>15:07</em>
                                                </div>
                                                <div class="reply_message">
                                                    <div class="textaea">
                                                        <textarea style="font-size:12px;line-height:20px;height:120px;"></textarea>
                                                        <p>你还可以输入200个字符</p>
                                                    </div>
                                                    <div class="form-group" style="margin-left:70px;">
                                                        <button type="button" class="btn green" style="margin-right:10px;">发送</button>
                                                        <button type="button" class="btn">收起</button>
                                                    </div>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="notif_div">
                                                    <dl>
                                                        <dt><img src="../images/user2.jpg" /></dt>
                                                        <dd>
                                                            <a href="javascript://">小芝麻</a>
                                                            <p>为什么一些演唱会是可以选座位的一些是不可以选座的！这个是怎么定的？？</p>
                                                        </dd>
                                                    </dl>
                                                    <em>15:07</em>
                                                </div>
                                                <div class="reply_message">
                                                    <div class="textaea">
                                                        <textarea style="font-size:12px;line-height:20px;height:120px;"></textarea>
                                                        <p>你还可以输入200个字符</p>
                                                    </div>
                                                    <div class="form-group" style="margin-left:70px;">
                                                        <button type="button" class="btn green" style="margin-right:10px;">发送</button>
                                                        <button type="button" class="btn">收起</button>
                                                    </div>
                                                </div>
                                            </li>

                                            <li>
                                                <div class="notif_div">
                                                    <dl>
                                                        <dt class="xitong"><img src="../images/luoke.png" /></dt>
                                                        <dd>
                                                            <a href="javascript://">小芝麻</a>
                                                            <p>为什么一些演唱会是可以选座位的一些是不可以选座的！这个是怎么定的？？</p>
                                                        </dd>
                                                    </dl>
                                                    <em>15:07</em>
                                                </div>
                                                <div class="reply_message">
                                                    <div class="textaea">
                                                        <textarea style="font-size:12px;line-height:20px;height:120px;"></textarea>
                                                        <p>你还可以输入200个字符</p>
                                                    </div>
                                                    <div class="form-group" style="margin-left:70px;">
                                                        <button type="button" class="btn green" style="margin-right:10px;">发送</button>
                                                        <button type="button" class="btn">收起</button>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 发送消息 -->
    <div id="addArena" style="display:none;">
        <div class="layer-body addArena form-horizontal">
            <h2 class="text-center">发送消息</h2>
            <fieldset class="form-body">
                <div class="form-group">
                    <label class="control-label">场馆名称：</label>
                    <div class="controls">
                        <input type="text" class="form-control col-md-5" />
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label">机构地址：</label>
                    <div class="controls">
                        <textarea class="form-control col-md-5" style="height:170px;"></textarea>
                    </div>
                </div>
                <div class="form-group text-center">
                    <button type="button" class="btn green">发送</button>
                </div>
            </fieldset>
        </div>
    </div>
    <!-- 订单信息 -->
    <div id="addOrder" style="display:none;">
        <div class="layer-body addArena form-horizontal">
            <h2 class="text-center">订单信息</h2>
            <div class="order-left fleft" style="width:380px; overflow:hidden;">
                <fieldset class="form-body">
                    <div class="form-group">
                        <label class="control-label" style="width:90px;">名称：</label>
                        <div class="controls">
                            <span>韦伯经典原版音乐剧《剧院魅影》</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label" style="width:90px;">场馆：</label>
                        <div class="controls">
                            <span>镜湖新馆 2F 报告厅</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label" style="width:90px;">场次：</label>
                        <div class="controls">
                            <span>3月13日 9：00</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label" style="width:90px;">票价：</label>
                        <div class="controls">
                            <span>免费</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label" style="width:90px;">座位：</label>
                        <div class="controls">
                            <span>4排20做、4排21座</span>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label" style="width:90px;">手机：</label>
                        <div class="controls">
                            <span>34983413781</span><a href="javascript://" style="color:#169BD5;font-size: 13px; margin-left: 10px;">发送短信</a>
                        </div>
                    </div>
                </fieldset>
            </div>
            <div class="order-right fright" style="margin-right:50px;">
                <p style="margin-top:30px;">
                    <img src="../images/order-card.png" style="width:185px; height: 185px;" />
                    <br/>
                    <span style="font-size: 14px; line-height: 30px;">兑换码：3432  6544  5646</span>
                </p>
            </div>
            <div class="fclear"></div>
            <div class="form-group text-center">
                <button type="button" class="btn green">打印</button>
                <button type="button" class="btn" style="margin-left: 20px;">确定</button>
            </div>
        </div>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/animate.js"></script>
    <script src="../plugins/layer/layer.js"></script>
    <script type="text/javascript">
        var addarena = function (e) {
            layer.open({
                type: 1,
                content: $("#addArena").html(),
                title: false,
                area: '650px'
            })
        };
        var addOrder = function (e) {
            layer.open({
                type: 1,
                content: $("#addOrder").html(),
                title: false,
                area: '640px'
            })
        };
        var off = function () {
            $("#add").hide()
            $("#cnt").show()
        }

        $(function () {
            //活动管理处选项卡切换
            $(".bm_swtich_all").each(function () {
                var ths = $(this);
                var tli = ths.find("li");
                var tle = ths.find(".bm_swtich_line");
                var tli_width = $(".bm_swtich li:first").width();
                tle.width(tli_width);
                tli.click(function () {
                    var tw = $(this).width();
                    tli.removeClass("e");
                    $(this).addClass("e");
                    tle.stop(true, true).animate({
                        width: tw,
                        left: $(this).position().left
                    })
                    var indexs = $(this).index();
                    $(".all_bm_cont").eq(indexs).show().siblings(".all_bm_cont").hide();
                })
            })
            $(".history li").click(function () {
                $(this).parents(".notificat").hide().siblings(".chatBox").show();
            })
            $(".chatBox h2").click(function () {
                $(this).parent(".chatBox").hide().siblings(".notificat").show();
            })
        })
        $(function () {
            //侧导航高度自适应
            onscrolls2();
        })
    </script>
</body>
</html>
